<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <!-- Meta information --> 
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="Author" content="Group 12"/>
        
        <title>Home</title>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
        <script>
			$(function () {
				var tabContainers = $('div.tabs > div');
				
				$('div.tabs ul.tabNavigation a').click(function () {
					tabContainers.hide().filter(this.hash).show();
					
					$('div.tabs ul.tabNavigation a').removeClass('selected');
					$(this).addClass('selected');
					
					return false;
				}).filter(':first').click();
			});
		</script>

        <!-- Stylesheets --> 
        <link rel="stylesheet" href="/resources/css/style.css"/>
		<link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700' rel='stylesheet' type='text/css'/>        
    </head>
    
    <body>
    	<div id="header"> <h1> The Recruitment System</h1></div>
    	<div id="wrapper">        
            <div class="tabs">
             	<!-- tabs -->
            	<ul id="menu" class="tabNavigation">
		    		<li><a href="#seeker" title="Seeker">Job seeker</a></li>
                    <li><a href="#login" title="Login">Recruiter login</a></li>
                    <li><a href="#info" title="Information">Information</a></li>	
				</ul>            
                <!-- tab containers -->
                <div id="seeker">
                      <div id="seeker">
                            <div id="seeker_wrapper">
                                <h1> Register Application </h1>
                                <form name="seeker_form" action="seeker/createNewSeeker"  method="get">
                                First name: <br/><input type="text" name="firstName" class="inputtext" /><br/>
                                Last name: <br/><input type="text" name="lastName" class="inputtext" /> <br/>
                                Email:<br/><input type="text" name="email"  class="inputtext" /> <br/>
                                <input type="submit" name="send"  class=""/>
                                </form>
                            </div>                
                      </div>
                </div>
                <div id="login">
                    <div id="login">
                    	<div id="login_wrapper">
                            <h1> Recruiter Login </h1>               
                            <form name="login_form" action="seeker/" method="get">
                            Username:<br/> <input type="text" name="firstName" class="inputtext" /><br/>				
                            Password:<br/> <input type="password" name="email"  class="inputtext" /> <br/>
                            <input type="submit" name="send" />
                            </form> 
                       	</div>            
                    </div>   
                </div>
                <div id="info">
                    <p>Ut enim ad minim veniam</p>
                </div>              
            </div>

    		
                  
    	</div>   
    </body>
</html>
